// 创建用户相关的小仓库
import {defineStore} from 'pinia'
// 引入接口
import {reqLogin,reqUserInfo} from '@/api/user'
// 引入数据类型
import type{loginForm,loginResponseData} from '@/api/user/type.ts'
import type{UserState} from './types/type'
// 引入操作本地存储的工具方法
import {SET_TOKEN,GET_TOKEN,ROMOVE_TOKEN} from '@/utils/token'

// 引入路由(常量路由)
import {constantRoute} from '@/router/routes'

// 创建用户小仓库
let useUserStore = defineStore('User',{
  // 小仓库存储数据的地方
  state:():UserState=>{
    return {
      // token:localStorage.getItem('TOKEN'), //用户的唯一标识token
      token:GET_TOKEN(),
      menuRoutes:constantRoute,  //仓库存储菜单生成菜单需要数组(路由)
      username:'',
      avatar:''
    }
  },
  // 处理异步|逻辑的地方
  actions:{
    // 用户登录的方法
    async userLogin(data:loginForm){
      // 登录请求
      let result:loginResponseData = await reqLogin(data)
      // console.log(result)
      // 登录请求：成功200->token
      // 登录请求：失败201->登录失败的错误信息
      if(result.code==200){
        // 通过pinia仓库存储一下token
        // 由于pinia|vuex存储数据其实利用的是js对象
        //           断言
        this.token = (result.data.token as string)
        // 本地持久化存储
        // localStorage.setItem('TOKEN',(result.data.token as string))
        SET_TOKEN((result.data.token as string))
        
        //能保证当前async函数返回一个成功的promise
        return 'ok'
      }else{
        return Promise.reject(new Error(result.data.message))
      }
    },
    // 获取用户信息方法
    async userInfo(){
      // 获取用户信息进行存储仓库当中[用户头像、名字]
      let result = await reqUserInfo()
      console.log(result)
      // 如果获取用户信息成功，存储一下用户信息
      if(result.code==200){
        this.username = result.data.checkUser.username
        this.avatar = result.data.checkUser.avatar
        return 'ok'
      }else{
        return Promise.reject('获取用户信息失败')
      }
    },
    // 退出登录
    userLogout(){
      // 目前没有mock接口：退出登录接口(通知服务器本次用户唯一标识失效)
      this.token = '',
      this.username = '',
      this.avatar = '',
      ROMOVE_TOKEN()
    }
  },
  getters:{

  }
})

// 对外暴露获取小仓库的方法
export default useUserStore